
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
    // 输出的目录
    output: {
        // 输出的文件目录
        filename: 'scripts/[name].[contenthash].js',
        publicPath: 'http://localhost:8080/'
    },
    // 开发模式
    mode: 'production',
    optimization: {
        minimizer: [
            // 用来打包优化css代码的
            new CssMinimizerPlugin(),
            // 打包压缩js代码
            new TerserPlugin()
        ]      
    },
    // 性能配置，在生产环境下才有
    performance:{
        hints:false
    }
}


// 当我们的常量是大写字母开始的时候，证明他可能是一个对象或则是一个函数，我们需要实例化一下